<template>
    <div class="container">
        <div class="title">
        userinfo: {{username}}
        </div>
    </div>
</template>
<script>
export default {
    name:'UserInfo',
    data(){
        return{
            
        }
    },
    computed:{
        username:function(){
            let user = this.$store.state.user
            console.log(user)
            return user
        }
    }
}
</script>
<style lang="stylus" scoped>
.container 
    background :green 
    overflow: hidden
    padding-bottom:50%
    .title
        margin-top :50px
        text-align : center
        line-height :50px
        font-size :50px
        color : red
</style>
